<template>
  <div id="scoreList">
    <h2 class="title">流量统计情况</h2>
    <div class="FLowcontent">
      <p>用户名：{{FlowList.user}}</p>
      <p>姓名：{{FlowList.name}}</p>
      <p>状态：{{FlowList.status}}</p>
      <p>流量结算日期：{{FlowList.package_date}}</p>
      <p>套餐名称：{{FlowList.package_name}}</p>
      <p>流量剩余：{{FlowList.package_left}}</p>
      <p>已使用流量：{{FlowList.package_used}}</p>
      <p>充值流量剩余：{{FlowList.package_recharge_left}}</p>
    </div>
   
    
  </div>
</template>

<script>
import Bus from "../../common/bus";
import store from "../../common/store";

export default {
  data() {
    return {
      FlowList: {}
    };
  },
  methods: {},
  computed: {},
  created() {
    this.FlowList = store.state.Flow;
    console.log(store.state.Flow)
  }
};
</script>
<style lang="less" scoped>
@import "../../assets/less/baseDetail.less";

.title{
  font-size: 18px;
  color: aqua;
  line-height: 30px;
  text-align: center;
  margin: 10px auto;
}
.FLowcontent{
  width: 100%;
  border: 1px solid #eee;
  text-align: center;
  line-height: 20px;
  
}
.FLowcontent p{
  padding: 10px 0;
  font-size: 13px;
  border-bottom: 1px solid #eee;
}
</style>